﻿<!DOCTYPE html>
<html>
<head>
    <title>Demo Index</title>
    <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../js/knockout-2.1.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>
<body>
    <h1>Knockout demo area</h1>
    <p>Select the demo you would like to see</p>
    <div>
        <ul>
            <li><a href="0">ko.observable</a></li>
            <li><a href="1">ko.computed</a></li>
            <li><a href="1">Controlling text and appearance</a></li>
            <li><a href="2">Control flow</a></li>
            <li><a href="3">The if binding</a></li>
            <li><a href="4">With</a></li>
            <li><a href="5">With (Twitter Client)</a></li>
        </ul>
    </div>
    <h2>Forms</h2>
    <div>
        <ul>
            <li><a href="6">Click</a></li>
            <li><a href="7">Events</a></li>
            <li><a href="8">Templates</a></li>
        </ul>
    </div>
    <div></div>
</body>
</html>
